Data Linkage in Grid Layout

Data linkage is necessary for data requests between linking sources and linking targets.

• Trigger condition

Condition	Description
Initialization	Triggers linked actions when initialization.
Value Change	Triggers linked actions when element value changes.
Lose Focus	Triggers linked actions when moving away from the element.
Click/Double-click	Triggers linked actions when clicking/double-clicking the element.
Click Row	Triggers linked actions when clicking a table row. Available for tables only.
Click Cell	Triggers linked actions when clicking a table cell. Available for tables only.
Area Selection	Triggers linked actions when dragging to select an area. Available for tables only.

• Linked actions

• Search: The output value of linked source is used as input parameters to run queries on linked target. When the data source of linked target is a form template, the input parameter is corresponding table filed, and when the data source of linked target is a service, the input parameter is also used for the service.
• Store value: Stores values entered through linked sources, and then associates events such as click or double-click to realize queries. Generally used for manual query.
• Set value: Displays values entered through linked sources on linked targets. The set value is only available on the current page and will be invalid after refreshing.
• Set selected: Selects values in linked targets that corresponds to values entered through linked sources.

Demonstrating Query

Drag a table, 2 input boxes and a button to the canvas, and then select a data source for the table and set table headers based on the data source.

info

• In this example, a form template is used as the table data source.
• Elements used in the example are for reference only. For details on all elements, see Element Details.

1. Press ctrl and select both input boxes, and then click Choose a target at the upper-right corner.
2. Select the button as the target, and then configure the linkage.

• Select Value Change as trigger sources for both boxes.
• Select Store Value as linked actions.

3. Click Submit.
4. Click the button, and then click under Linkage.
5. Select Click from the drop-down list, and then click Choose a target to select the table.

• Select Settings from Action list.
• Click Configuration Structure, and then select input field for each input boxes. For example, select name1 for the first box, you can enter a name in the first box to search for corresponding data.

6. Click Save and Preview at the upper-right corner, and then enter search text in input boxes, click the button to view corresponding results.

Demonstrating Value Selection

Drag a drop-down box and a radio to the canvas.

info

In this example, a form template is used as data sources.

1. Click the drop-down box, and then select Dynamic Options under Options.
2. Select the form template as the data source and then set option text and value.

3. Click Linkage, and then select Value Change to be the trigger event.
4. Select the radio to be the linked target, and then set Action to Set Checked and Source Field to either option value or label.

5. Select the radio, and then select the same data source.
6. Click Save and Preview at the upper-right corner, and then select a value from the drop-down list and check whether the radio selects the same option.